<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
     <title>会议导航</title>
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">  
    <link href="css/mui.min.css" rel="stylesheet"/>
    <link href="css/style.css" rel="stylesheet"/>
    <link href="css/iconfont.css" rel="stylesheet"/>
    <style>
    	.mui-content-padded{
		margin: 0 !important;
		width: 100%;
		overflow: hidden;
		height: 150px;
		}
    </style>   
</head>
<body>
	<header id="header" class="mui-bar mui-bar-nav">
		<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
		<h1 class="mui-title">会议导航</h1>
	</header>	
	<div class="mui-content">
		<div id="allmap">
    	地图加载中...
		</div>
	</div>	
    <script src="js/mui.min.js"></script>
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=HR3RRyTsXYdQ3QzzG5yUkg0q"></script>
    <script type="text/javascript" src="http://developer.baidu.com/map/jsdemo/demo/convertor.js"></script>
	<script type="text/javascript" charset="utf-8">
			mui.init({
				swipeBack:true //启用右滑关闭功能
			});
			mui.plusReady(function(){
    plus.geolocation.getCurrentPosition(translatePoint,function(e){
        mui.toast("异常:" + e.message);
    });
});
function translatePoint(position){
    var currentLon = position.coords.longitude;
    var currentLat = position.coords.latitude;
    var gpsPoint = new BMap.Point(currentLon,currentLat);
    BMap.Convertor.translate(gpsPoint,2,initMap); //坐标转换
}
function initMap(point){
    map = new BMap.Map("allmap"); //创建地图
    map.addControl(new BMap.NavigationControl());
    map.addControl(new BMap.ScaleControl());
    map.addControl(new BMap.OverviewMapControl());
    map.centerAndZoom(point,15);
    map.addOverlay(new BMap.Marker(point));
 
}
</script>
</body>
</html>